.left-column{
    #log-in{
        text-align: left;
    }
}
#import-log-in{
    .form-group:first-of-type::before{
        display: block;
        content: "";
        width: 100%;
        height: 1px;
    }
}
img#placeholder {
    max-width: 365px;
    font-size: 0;
    line-height: 0;
    position: relative;
    display: block;
}
.default-logo {
    display: none;
}
.no-logo {
    .default-logo {
        @extend %default-logo-size;
        display: block;
        background: #fff url("#{$assetsPath}/img/HQ-login-3_05.png") no-repeat;
    }
    & #placeholder
    {
        display: none;
    }
}
.navbar{
    .flex-row{
        margin: 0 0 0 5px;
        background-color: white;
    }
    .help{
        margin-top: 20px;
        float: right;
        padding: 5px 15px;
        background-color: $gray-super-light;
        border-radius: 5px;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0.5px;
        @include transition;
        &:hover, &:focus{
            background-color: $gray-light;
        }
    }
}
.retina.headquarter{
    @extend %retina-headquarter-size;
    background: url("#{$assetsPath}/img/headquarter_logo.png") no-repeat 0 0;
    margin-bottom: 25px;
    @include image-2x("#{$assetsPath}/img/headquarter_logo-retina.png", 100%, 100%);
    font-size: 0;
    line-height: 0;
}
.interviewer-app{
    @extend .hq-apps-wrapper;
    display: none;
    border-top: 3px solid $gray-super-light;
    padding-top: 30px;
    label{
        font-weight: normal;
    }
}
@media (max-width: $screen-sm-min){
    img#placeholder, .no-logo .default-logo{
        display: none;
    }
    .retina.headquarter{
        display: inline-block;
    }
    .navbar .retina-world-bank{
        @include size(135px, 26.5px);
    }
    .interviewer-app{
        display: block;
    }
    html body {
        main .two-columns-form .log-in .form-group .form-control{
            width: 100%;
        }
    }    
}
.welcome-page{
    @extend %logo-icon;
	.text-example{
		max-width: 460px;
		margin: 45px 30px 30px 30px;
	}
	.icon{
		min-height: 570px;
		background-image: url("../img/logo.svg");
		background-repeat: no-repeat;
		min-width: 190px;
		background-size: 100%;
	}
	.font-bold{
		font-size: 16px;
		line-height: 18px;
	}
	.browser-mockup{
		.h2, p{
			white-space: pre-line;
		}
	}
}